<!doctype html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
    <meta charset="utf-8" />
    <title>Gauge Test Results</title>
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/open-sans.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
    <header class="top">
        <div class="header">
            <div class="container">
                <div class="logo">
                    <a href="."><img src="images/gaugeLogo.png" alt="Report logo"></a>
                </div>
                <h2 class="project">Project: Gauge Project</h2>
            </div>
        </div>
    </header>
    <main class="main-container">
        <div class="container">
            <div class="report-overview">
                <div class="report_chart">
                    <div class="chart">
                        <svg id="pie-chart" data-results="1,0,0" data-total="1">
                            <path class="status failed" />
                            <path class="shadow failed" data-status="failed">
                                <title>Failed: 1/1</title>
                            </path>
                            <path class="status passed" />
                            <path class="shadow passed" data-status="passed">
                                <title>Passed: 0/1</title>
                            </path>
                            <path class="status skipped" />
                            <path class="shadow skipped" data-status="skipped">
                                <title>Skipped: 0/1</title>
                            </path>
                        </svg>
                    </div>
                </div>
                <div class="report_test-results">
                    <div class="report_test-result specs">
                        <div class="total-specs" title="Filter all specs"><span class="txt">Total specs</span><span class="value">1</span></div>
                        <div class="fail spec-filter" data-status="failed" title="Filter failed specs"><span class="value">1</span></div>
                        <div class="pass spec-filter" data-status="passed" title="Filter passed specs"><span class="value">0</span></div>
                        <div class="skip spec-filter" data-status="skipped" title="Filter skipped specs"><span class="value">0</span></div>
                    </div>
                    <div class="report_test-result scenarios">
                        <div class="total-scenarios"><span class="txt">Total scenario</span><span class="value">1</span></div>
                        <div class="fail scenario-stats" data-status="failed"><span class="value">0</span></div>
                        <div class="pass scenario-stats" data-status="passed"><span class="value">0</span></div>
                        <div class="skip scenario-stats" data-status="skipped"><span class="value">0</span></div>
                    </div>
                </div>
                <div class="report_details">
                    <ul>
                        <li>
                            <label>Environment </label>
                            <span>default</span>
                        </li>
                        <li>
                            <label>Success Rate </label>
                            <span>60%</span>
                        </li>
                        <li>
                            <label>Total Time </label>
                            <span>00:02:02</span>
                        </li>
                        <li>
                            <label>Generated On </label>
                            <span>Jul 13, 2016 at 11:49am</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="specifications">
                <aside class="sidebar">
                    <h3 class="title">Specifications</h3>
                    <div class="searchbar">
                        <input id="searchSpecifications" placeholder="Type specification or tag name" type="text" />
                        <i class="fa fa-search"></i>
                    </div>
                    <div class="specs-sorting">
                        <div class="sort sort-specs-name" data-sort-by="specs-name"><span class="sort-icons"><i class="fa fa-caret-up"></i><i class="fa fa-caret-down"></i></span><span>Name</span></div>
                        <div class="sort sort-execution-time" data-sort-by="execution-time"><span class="sort-icons"><i class="fa fa-caret-up"></i><i class="fa fa-caret-down"></i></span><span>Execution time</span></div>
                    </div>
                    <div id="listOfSpecifications">
                        <ul id="scenarios" class="spec-list">
                            <a href="failing_specification.html">
                                <li class="failed spec-name">
                                    <span id="scenarioName" class="scenarioname">Failing Specification</span>
                                    <span id="time" class="time">00:03:31</span>
                                </li>
                            </a>
                        </ul>
                    </div>
                </aside>
                <div id="specificationContainer" class="details">
                    <header class="curr-spec">
                        <div class="spec-head-wrapper">
                            <h3 class="spec-head" title="failing_specification.spec">Failing Specification</h3>
                            <div class="hidden report_test-results" alt="Scenarios" title="Scenarios">
                                <ul>
                                    <li class="fail"><span class="value">1</span><span class="txt">Failed</span></li>
                                    <li class="pass"><span class="value">0</span><span class="txt">Passed</span></li>
                                    <li class="skip"><span class="value">0</span><span class="txt">Skipped</span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="spec-meta">
                            <div class="spec-filename">
                                <label for="specFileName">File Path</label>
                                <input id="specFileName" value="failing_specification.spec" readonly/>
                                <button class="clipboard-btn" data-clipboard-target="#specFileName" title="Copy to Clipboard"><i class="fa fa-clipboard" aria-hidden="true" title="Copy to Clipboard"></i></button>
                            </div><span class="time">00:03:31</span></div>
                    </header>
                    <div id="specItemsContainer">
                        <div class="content">
                            <div class="scenario-container failed">
                                <div class="scenario-head">
                                    <h3 class="head borderBottom">Vowel counts in single word</h3>
                                    <span class="time">00:01:53</span>
                                    <div class="tags scenario_tags contentSection">
                                        <strong>Tags:</strong>
                                        <span> foo</span>
                                        <span> bar</span>
                                    </div>
                                </div>
                                <div class="step">
                                    <h5 class="execution-time">
                    <span class="time">Execution Time : 00:03:31</span>
                  </h5>
                                    <div class="step-info passed">
                                        <ul>
                                            <li class="step">
                                                <div class="step-txt">
                                                    <span>
                            Step1
                          </span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="step concept">
                                    <h5 class="execution-time">
                    <span class="time">Execution Time : 00:01:53</span>
                  </h5>
                                    <div class="step-info failed">
                                        <ul>
                                            <li class="step">
                                                <div class="step-txt">
                                                    <i class="fa fa-plus-square" aria-hidden="true"></i>
                                                    <span>Outer Concept</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="concept-steps">
                                    <div class="step">
                                        <h5 class="execution-time">
                      <span class="time">Execution Time : 00:03:31</span>
                    </h5>
                                        <div class="step-info passed">
                                            <ul>
                                                <li class="step">
                                                    <div class="step-txt">
                                                        <span>Outer Concept Step 1</span>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="step concept">
                                        <h5 class="execution-time">
                      <span class="time">Execution Time : 00:01:53</span>
                    </h5>
                                        <div class="step-info failed">
                                            <ul>
                                                <li class="step">
                                                    <div class="step-txt">
                                                        <i class="fa fa-plus-square" aria-hidden="true"></i>
                                                        <span>Inner Concept</span>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="concept-steps">
                                        <div class="step">
                                            <h5 class="execution-time">
                        <span class="time">Execution Time : 00:03:31</span>
                      </h5>
                                            <div class="step-info passed">
                                                <ul>
                                                    <li class="step">
                                                        <div class="step-txt">
                                                            <span>Inner Concept Step 1</span>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="step">
                                            <h5 class="execution-time">
                        <span class="time">Execution Time : 00:03:31</span>
                      </h5>
                                            <div class="step-info failed">
                                                <ul>
                                                    <li class="step">
                                                        <div class="step-txt">
                                                            <span>This is a failing step</span>
                                                        </div>
                                                        <div class="error-container failed">
                                                            <div class="exception-container">
                                                                <div class="exception">
                                                                    <h4 class="error-message">
                                    <pre>java.lang.RuntimeException</pre>
                                  </h4>
                                                                    <pre class="stacktrace">
      StepImplementation.foo(StepImplementation.java:16)<br/>
sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)<br/>
sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)<br/>
sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)<br/>
java.lang.reflect.Method.invoke(Method.java:483)<br/>
com.thoughtworks.gauge.execution.MethodExecutor.execute(MethodExecutor.java:32)<br/>
com.thoughtworks.gauge.execution.HooksExecutor$TaggedHookExecutor.executeHook(HooksExecutor.java:98)<br/>
com.thoughtworks.gauge.execution.HooksExecutor$TaggedHookExecutor.execute(HooksExecutor.java:84)<br/>
com.thoughtworks.gauge.execution.HooksExecutor.execute(HooksExecutor.java:41)<br/>
com.thoughtworks.gauge.processor.MethodExecutionMessageProcessor.executeHooks(MethodExecutionMessageProcessor.java:55)<br/>
com.thoughtworks.gauge.processor.SuiteExecutionStartingProcessor.process(SuiteExecutionStartingProcessor.java:26)<br/>
com.thoughtworks.gauge.connection.MessageDispatcher.dispatchMessages(MessageDispatcher.java:72)<br/>
com.thoughtworks.gauge.GaugeRuntime.main(GaugeRuntime.java:37)
                                  </pre>
                                                                </div>
                                                                <div class="screenshot-container">
                                                                    <div class="screenshot">
                                                                        <a href="images/failure-screenshot-file.png" rel="lightbox">
                                                                            <img src="images/failure-screenshot-file.png" class="screenshot-thumbnail" />
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="step">
                                            <div class="step-info skipped">
                                                <ul>
                                                    <li class="step">
                                                        <div class="step-txt">
                                                            <span>Inner Concept Step 3</span>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="step">
                                        <div class="step-info skipped">
                                            <ul>
                                                <li class="step">
                                                    <div class="step-txt">
                                                        <span>Outer Concept Step 2</span>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer class="footer">
        <div class="container">
            <p>Generated by Gauge HTML Report</p>
        </div>
    </footer>
    <script type="text/javascript">
    var loadingImage = "images/loading.gif";
    var closeButton = "images/close.gif";
    </script>
    <script src="js/lightbox.js"></script>
    <script src="js/jquery-3.1.0.min.js" type="text/javascript"></script>
    <script src="js/auto-complete.min.js" type="text/javascript"></script>
    <script src="js/clipboard.min.js" type="text/javascript"></script>
    <script src="js/search_index.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>
</body>

</html>
